<template>
  <div>
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Commodi illum iure
    laboriosam. Unde aspernatur, aperiam sint aliquid quae odio beatae doloribus, iusto at
    suscipit nemo labore facilis quibusdam, nesciunt fuga?
  </div>
  <ul>
    <li>
      Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam, itaque numquam?
      Nihil fugit asperiores, distinctio vero ducimus repudiandae aliquid totam
      consequatur? Necessitatibus id ratione facere nostrum nulla expedita cupiditate
      excepturi!
    </li>
    <li>
      Provident culpa, libero laboriosam eos quia, laborum quo repellat consequatur
      voluptate optio, saepe quasi! Et tempore corrupti est fuga asperiores commodi
      molestiae consectetur veritatis, ab eligendi numquam assumenda, consequuntur velit!
    </li>
    <li>
      Architecto, earum nisi consequatur, sed eum eaque corporis, omnis voluptates sunt
      voluptatibus dolorem vitae dolore sequi quia optio nam iure voluptatum expedita.
      Sapiente dolore sit nemo ad quidem illo facere.
    </li>
    <li>
      At cumque consequatur vitae dolor porro esse. Repudiandae velit quam dolores, eaque
      pariatur illo odio modi et perspiciatis sequi eum ducimus. Rerum a tempora odio,
      excepturi reiciendis quas magnam accusantium.
    </li>
    <li>
      Quisquam provident aliquid corporis nihil itaque laborum nemo quam, ex iste
      consequatur. Possimus culpa quis distinctio aut. Nobis, vitae earum, nisi non
      obcaecati, quasi iusto qui eum cumque molestiae repellendus!
    </li>
    <li>
      Iusto corporis eveniet fuga natus, eius ipsa quibusdam inventore culpa voluptatem
      similique illum adipisci nostrum laboriosam omnis facere, nisi perferendis est
      soluta laborum consectetur dolorem quisquam. Voluptatibus eius voluptatum
      recusandae.
    </li>
    <li>
      Pariatur odio voluptatum reiciendis facilis optio sed exercitationem ex natus unde
      ipsa hic voluptatem ab excepturi, facere harum at sapiente fugiat placeat ullam!
      Eius, amet harum reprehenderit sunt quos quis?
    </li>
    <li>
      Nulla, sapiente eaque? Sint pariatur delectus deserunt voluptatibus officiis, vel
      nemo qui quis recusandae voluptatum itaque unde eius! Nihil id dolores recusandae
      incidunt cupiditate consequatur vel libero sit perspiciatis ad.
    </li>
    <li>
      Nostrum, maiores accusantium maxime sint autem illo quasi. Accusantium rem quidem ut
      mollitia unde maxime laborum nemo et corrupti soluta, culpa, fugiat nobis
      voluptatibus eligendi neque commodi incidunt voluptates numquam.
    </li>
    <li>
      Officia perferendis, dicta inventore blanditiis excepturi ex dolores veritatis
      cupiditate impedit rerum suscipit et repellendus minima beatae quibusdam asperiores
      esse exercitationem nisi dolor architecto dolore aut nostrum hic commodi. Officiis.
    </li>
    <li>
      Ad porro dolore et voluptate, molestiae delectus natus quasi pariatur quidem
      adipisci expedita non, aperiam cupiditate neque! Perferendis error, optio doloribus
      porro quos magnam expedita dolorem non quam quidem voluptatibus.
    </li>
    <li>
      Officiis repellendus, repellat cupiditate numquam vitae, veniam omnis architecto
      assumenda eligendi, quae quas! Iste impedit consectetur iusto eos nemo ipsum maxime,
      vitae, ullam quaerat quam aut minus voluptatibus rem reiciendis.
    </li>
    <li>
      Asperiores velit sed at, inventore beatae iusto cupiditate voluptatibus minus quidem
      eligendi odit nihil eum autem expedita dolore a ad, voluptate praesentium? Corrupti
      incidunt obcaecati illum dolores consectetur dolor nesciunt.
    </li>
    <li>
      Asperiores in laboriosam, obcaecati eius ut ratione facere accusamus fugiat
      excepturi quibusdam dolorem velit eum porro vero sed quas corrupti, possimus
      mollitia incidunt sunt aperiam alias? Quisquam corrupti nemo tenetur?
    </li>
    <li>
      Delectus similique quidem nostrum sint inventore. Illo provident laboriosam nihil
      voluptates harum, nam deserunt quisquam qui ab. Cupiditate quam nihil harum omnis
      placeat, autem quod expedita soluta quidem officiis. Quis?
    </li>
    <li>
      Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore minima culpa nobis
      et quasi perspiciatis repudiandae doloribus, iure nam voluptas vero unde obcaecati
      inventore suscipit nisi nemo beatae eos enim.
    </li>
    <li>
      Minima sunt porro obcaecati architecto. In temporibus voluptatem corporis, cum
      veniam doloremque sunt quis consequatur, a, soluta vel reprehenderit reiciendis
      doloribus laborum eligendi error dolorem enim animi. Reprehenderit, ipsam neque?
    </li>
    <li>
      Deserunt, magnam unde repellendus, vero omnis atque quod autem neque fugiat natus
      dolores repudiandae ratione perferendis pariatur reiciendis iusto asperiores ea
      animi! Fuga porro hic minima reiciendis veritatis nam. Voluptatibus.
    </li>
    <li>
      Numquam voluptatem ea repellat commodi assumenda aperiam quis temporibus amet eos
      facere recusandae odio maxime aspernatur error quos quidem consectetur quae, iste,
      dignissimos dolore possimus molestiae. Est consequuntur unde repellendus.
    </li>
    <li>
      Consequuntur, iure. Incidunt magnam veritatis sapiente debitis nemo. Velit magnam
      sequi corrupti in eveniet, repellendus temporibus fugiat placeat soluta at omnis
      eius dicta ipsum non iste corporis provident et consequuntur.
    </li>
    <li><span>Lorem.</span></li>
    <li><span>Ullam?</span></li>
    <li><span>Quaerat.</span></li>
    <li><span>Ducimus!</span></li>
    <li><span>Laudantium.</span></li>
  </ul>
</template>
<script setup lang="ts">
import { onMounted, nextTick } from "vue";
import { useRouter } from "vue-router";
const router = useRouter();

onMounted(async () => {
  console.log("App.vue mounted");
  await nextTick();
  console.log("router:", router);
  if (router && router.getRoutes) {
    const allRoutes = router.getRoutes();
    console.log(allRoutes);
  }
});
</script>
